import React from "react";
import styles from "./index.less"
import ZmMusicPlayer from "@/common/components/ZmMusicPlayer";
import ZmClock from "@/common/components/ZmClock";

const HomeBody = () => {
    const jumpAboutMe = () => {
        window.open("http://localhost:8000/about")
    }
    return (<>
            <div className={styles["container"]}>
                <div className={styles["left"]}>
                    <div className={styles["title"]}>
                        zhaoyumu
                    </div>
                    <div className={styles["signature"]}>
                        “没什么名气的前端开发工程师...”
                    </div>
                    <div className={styles["icon"]}>
                        <span className={`icon-github-fill iconfont ${styles["icon-common"]}`}></span>
                        <span className={`icon-weixin iconfont ${styles["icon-common"]}`}></span>
                        <span className={`icon-QQ iconfont ${styles["icon-common"]}`}></span>
                        <span className={`icon-youxiang iconfont ${styles["icon-common"]}`}></span>
                    </div>
                </div>
                <div className={styles["right"]}>
                    <ul>
                        <li>
                            <div className={styles["right-music-box"]}>
                                <ZmClock></ZmClock>
                            </div>
                            <div className={styles["right-music-box"]}><ZmMusicPlayer></ZmMusicPlayer></div>
                        </li>
                        <li><span className={"iconfont icon-lianjie"}></span> 网站列表</li>
                        <li>
                            <div onClick={jumpAboutMe}><span className={"iconfont icon-guanyuwomen"}></span>关于我的
                            </div>
                            <div><span className={"iconfont icon-xieboke"}></span>博客</div>
                            <div><span className={"iconfont icon-difangwangzhi"}></span>网站合集</div>
                            <div><span className={"iconfont icon-shiyanshi"}></span>实验室</div>
                        </li>
                    </ul>
                </div>
            </div>
        </>
    )
}

export default HomeBody;